<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 
        CSS的三种写法：
            1）行内写法   也叫行内样式   把样式和标签混在一起  不推荐   但是偶尔也会用到
                后面，会配合JS来使用。
            2）内部写法
            3）外部写法
     -->

     <!-- 内容和样式没有分离，不推荐 -->
     <div style="color: red; background-color: skyblue;">我是一个小的DIV</div>
</body>
</html>